@CHARSET "UTF-8";

body {
    padding: 0;
}

#logo {
	position: absolute;
	width: 80px;
	height: 57px;
	top: 18px;
	left: 20px;
	background: url(../img/atop_logo.png) no-repeat;
}
#logo span {
	position: absolute;
	top: 10px;
	left: 92px;
	width: 600px;
	font-size: 26px;
}
#wrap {
	width: 100%;
	height: 430px;
	margin: 100px auto 0;
	background: url(../img/login.jpg) center bottom no-repeat;
	padding: 90px 0 0 0;
	box-sizing: border-box;
	position: relative;
	transition: all .3s;
}
/*#wrap:hover {
	background: url(../img/login.jpg) 0 -220px no-repeat;	
}*/
#wrap div.opacity {
	position: absolute;
	width: 430px;
	height: 430px;
	background: rgba(255,255,255,.3);
	right: 20%;	
	top: 0px;
	box-shadow: 2px 2px 12px #333;	
}
#login {
	position: absolute;
	width: 400px;
	height: 400px;
	background: rgba(255,255,255,1);
	right: 15px;
	top: 15px;
	padding: 0 60px;
	box-sizing: border-box;
}
#form {
	position: relative;
}
#login span.title {
	margin: 0 auto;
	width: 220px;
	height: 40px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background: #1C7FE9;
	line-height: 40px;
	border-radius: 0 0 4px 4px;
}
#login span.copy {
	font-size: 12px;
	text-align: center;
	display: block;
	width: 100%;
	margin: 6px auto 0;
}
#login form {
	width: 100%;
	margin: 0 auto 0;
}
#login form p {
	padding: 10px 0;
	position: relative;
}
#login form p.remember {
	color: #888;
	cursor: pointer;
}
#login form p.remember i {
	display: inline-block;
	width: 17px;
	height: 19px;
}
#login form p.remember span {
	position: relative;
	left: 10px;
}
#login form p i.account,#login form p i.password {
	width: 34px;
	height: 34px;
	display: block;
	position: absolute;
	left: 5px;
	top: 15px;
}
#login form p i.password {
	top: 14px;
}
#login form p i.account {
	background: url(../img/account.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#login form p i.password {
	background: url(../img/password.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#login form p input {
	font-size: 16px;
	border: none;
	border-bottom: solid 1px #bbb;
}
#login form p input[name=account],#login form p input[name=password] {
	width: 100%;
	height: 40px;
	text-indent: 45px;
}
#login form p input.verify {
	width: 130px;
	height: 40px;
	text-indent: 5px;
}
#verify {
	position: absolute;
	top: -95px;
	left: 137px;
}
#login form p.submit {
	text-align: center;
}
#login form p.submit input {
	width: 280px;
	height: 48px;
	border: none;
	background: #428bca;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	font-family: microsoft yahei;
	cursor: pointer;
}
#login form p.submit input:hover {
	background: #3071a9;
}







